<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	/* http://localhost:8080/logistics/  */
%>
<!DOCTYPE HTML>
<html>
<head>
<!-- 设置当前页面基础路径 -->
<base href="<%=basePath%>">
<meta charset="UTF-8">
<link rel="stylesheet" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css"
	type="text/css">
<title>Insert title here</title>
</head>
<body>

	<!-- 
ol : 有序列表 order List
ul : 无序列表 unorder List 
-->

	<ul id="permissionTree" class="ztree"></ul>


	<script type="text/javascript" src="lib/jquery/1.11.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>

	<script type="text/javascript">
		/* zTree的设置对象，如果不写任何配置，就是加载zTree默认配置 */
		var setting = {
			data : {
				simpleData : {
					enable : true,
					/* 设置zTree的id的名称：和权限id保持一致 */
					idKey : "permissionId",
					/* 设置zTree的pId的名称：和权限的父id保持一致 */
					pIdKey : "parentId"
				}
			},
			check : {
				/* 是否显示复选框 */
				enable : true
			},
			/* 异步加载 */
			async : {
				enable : true,
				url : "permission/getAllPermission.do",
				dataFilter: ajaxDataFilter,
			}
			
		};
		
		/* 对异步加载的数据进行预处理（zTree还没有渲染之前处理，处理后的数据参与zTree的渲染） */
		function ajaxDataFilter(treeId, parentNode, responseData) {
		    if (responseData) {
		      for(var i =0; i < responseData.length; i++) {
		      	console.log("后台加载的数据：",responseData[i])
		      	//新增一个open属性，让其渲染zTree的时候展开节点
		    	 responseData[i].open = true;
		      	//把url设置null，防止跳转
		    	 responseData[i].url = null;
		      	
		      	//console.log("预处理新增了open属性：",responseData[i])
		      }
		    }
		    return responseData;
		};
		

		/* 文档初始化jquery执行  */
		$(function() {
			/* 初始化zTree */
			$.fn.zTree.init($("#permissionTree"), setting);
		})
	</script>

</body>
</html>